<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, user-scalable=no, 
			initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="assets/mui/css/mui.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="assets/fontAwesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/detail.css">
		
		<script src="assets/zepto/zepto.min.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/public.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>
		<script src="js/detail.js"></script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav myHeader">			
			<h1 class="mui-title">网页标题</h1>
			<!--mui-pull-right与bootstrap用法一样，加个mui前缀即可-->
			
		</header>
		<nav class="mui-bar mui-bar-tab footer my-foot">
			<a class="mui-tab-item mui-active" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item " href="category.html">
				<span class="mui-icon mui-icon-bars"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item " href="index.html">
				<span class="mui-icon fa fa-shopping-cart"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item " href="user.html">
				
				<span class="mui-icon mui-icon-person"></span>
				<span class="mui-tab-label">会员中心</span>
			</a>
		</nav>
		<!--内容区-->
		<div class="mui-content" >
			<!--轮播-->
			<div id="templatePl">
				
			</div>
			
			<div class="btns">
				<a >查看购物车</a>
				<a href="javascript:;" id="addCat">加入购物车</a>
			</div>
		</div>
		<script id="templates" type="text/template">
			
				<div class="mui-slider">
				  <div class="mui-slider-group">
				    <div class="mui-slider-item"><a href="#"><img src="<%=result.pic[0].picAddr%>" /></a></div>		    
				  </div>
				</div>
				<!--详情信息-->
				<div class="desc">
					<%=result.proName%>
				</div>
				<div class="price">
					价格：
					<span class="newP"><%=result.price%></span>
					<span class="oldP"><%=result.oldPrice%></span>
				</div>
				<div class="size">
					尺码：
					<% var size = result.size.split('-')%>
					<% for(var i=size[0];i<=size[1];i++){ %> 
						<span><%=i%></span>
					<%}%>	
				</div>
				<div class="detail-num">
					数量：<span class="reduce" id="reduces">-</span><input type="text" class="num" id="inof" value="1"><span class="plus" id="pluss">+</span>
					剩余：<i><%=result.num%></i>件
				</div>	
		</script>>
	</body>
</html>
